<template>
  <div>
    <el-button type="primary" @click="add()">添加</el-button>
    <v-list @edit="edit"></v-list>
    <v-add :obj="obj" ref="oCh"></v-add>
  </div>
</template>
<script>
import vAdd from "./components/add.vue"
import vList from "./components/list.vue"
  export default {
    data() {
      return {
        obj:{
          // 用来标识遮罩层显示与隐藏的
          isTrue:false,
          // 用来表示你点的是添加还是编辑
          isAdd:false
        }
      }
    },
    methods: {
      // 点击添加按钮
      add(){
        this.obj.isTrue = true
        this.obj.isAdd = true
      },
      // list组件点了编辑按钮
      edit(uid){
        // 让add显示
        this.obj.isTrue = true
        // 告诉标识符我点的是编辑
        this.obj.isAdd = false
        // 还要执行add中的getOne方法
        this.$refs.oCh.getOne(uid)
      }
    },
    components: {
      vAdd,
      vList
    },
    mounted() {},
    destroyed() {},
  }
</script>
<style>
</style>